export default function (el) {
    // el.style.cssText = "text-align: left;color: #444;margin: 15px auto;padding: 0px 16px;border: 3px dashed #ddd;border-left: 8px solid #bbb;background: #fff url('') repeat;white-space: pre-wrap;word-wrap: break-word;letter-spacing: 1.5px;font: 14px/25px fantasy,'Comic Sans MS', 'courier new';line-height: 22.13px;background-size: 100% 44px;";
    // el.querySelectorAll("code").forEach(element => {
    //     element.style.cssText="display: inline-block;color: brown;font-weight: bold;font-family: 'courier new';white-space: pre;overflow: auto;width: 100%; background-color: rgb(255 255 255 / 50%);margin-bottom: -6px;border-radius: 8px;box-shadow: 0px 0px 12px #ccc;";
    // });
    // let temp = el.innerHTML;
    // let rep = temp.match(/^\s*/)[0];
    // let reg = new RegExp("\n" + rep, "g")
    // let reg1 = new RegExp("^" + rep)
    // temp = temp.replace(reg1, "");
    // temp = temp.replace(reg, "\n");
    // el.innerHTML = temp;

    // =====

    el.style.background = "#fff url('') repeat";
    el.style.letterSpacing = "1.5px";
    el.style.color = "#444";
    el.style.textAlign="left";
    el.style.margin = "15px auto";
    el.style.padding = "0px 16px";
    el.style.border = "3px dashed #ddd";
    el.style.borderLeft = "8px solid #bbb";
    el.style.whiteSpace = "pre-wrap";
    el.style.wordWrap = "break-word";
    el.style.backgroundSize = "100% 44px";
    el.style.font = "14px/22px 'Comic Sans MS', 'courier new'";
    el.style.fontWeight = "bold";
    el.style.overflow = "auto";
    let temp = el.innerHTML;
    let rep = temp.match(/^\s*/)[0];
    let reg = new RegExp("\n" + rep, "g")
    let reg1 = new RegExp("^" + rep)
    let reg2 = new RegExp(rep + "$")
    temp = temp.replace(reg1, "");
    temp = temp.replace(reg2, "");
    temp = temp.replace(reg, "\n");
    el.innerHTML = temp;
    el.querySelectorAll("code").forEach(element => {
        element.style.background = "url('')  100% 0% / 40px no-repeat"
        element.style.display = "inline-block";
        element.style.color = "#cec48e";
        // element.style.fontWeight = "bold";
        element.style.fontFamily = "'courier new'";
        element.style.whiteSpace = "pre";
        element.style.overflow = "auto";
        element.style.backgroundColor = "#282c34";
        element.style.marginBottom = "-6px";
        element.style.borderRadius = "8px";
        element.style.boxShadow = "0px 0px 12px #ccc";
        element.style.padding = "10px 20px";
        element.style.margin = "20px 0px"
        let tempCode = element.innerHTML;
        let rep = tempCode.match(/^\s*/)[0];
        let reg = new RegExp(rep, "g");
        let reg1 = new RegExp("^" + rep);
        let reg2 = new RegExp(rep + "$");
        tempCode = tempCode.replace(reg1, "");
        tempCode = tempCode.replace(reg2, "");
        tempCode = tempCode.replace(reg, "\n");
        // console.log(tempCode);
        element.innerHTML = tempCode;
    });
}